<template>
  <div class="footer">
    <div class="container-md">
      <div class="row row-cols-1 row-cols-md-2">
        <p class="col f-r-c">
          <img :src="require('@/assets/img/svg/tel.svg')">
          联系方式: 19901704827
          <em class="mini">&nbsp;(图片取自网络，如有侵权请联系删除)</em>
        </p>
        <p class="col text-md-right">© 1992-{{ year }} Calmax Tools</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'FOOTER',
  data () {
    return {
      year: new Date().getFullYear()
    }
  }
}
</script>
<style lang="less" scoped>
.footer {
  background: #18233B;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  p.col {
    margin: 13px 0;
    img {
      width: 16px;
      height: 16px;
    }
  }
  .mini {
    font-size: 9px;
  }
  .text-md-right {
    text-align: right;
  }
  .f-r-c {
    display: flex;
    flex-direction: row;
    align-items: center;
    > img {
      margin-right: 3px;
    }
  }

  @media screen and (max-width: 780px) {
    p.col {
      text-align: center!important;
      justify-content: center;
      &:last-child {
        margin-top: 0;
      }
    }    
  }
}
</style>
